home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 114 / PC Guia 114.iso / Software / Utils / The Gimp 2.2.1 / gimp-help-2-0.6-setup.exe / {app} / share / gimp / 2.0 / help / en / ch02s04s04.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-12-19  |  8.9 KB  |  222 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>4.4.┬áThe Selection</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.66.1" />
  10.     <link rel="start" href="index.html" title="GIMP User Manual" />
  11.     <link rel="up" href="ch02s04.html" title="4.┬áWorking with Images" />
  12.     <link rel="prev" href="ch02s04s03.html" title="4.3.┬áLayers" />
  13.     <link rel="next" href="ch02s04s05.html" title="4.5.┬áUndoing" />
  14.   </head>
  15.   <body>
  16.     <div xmlns="" class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center" id="chaptername">4.┬áWorking with Images</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch02s04s03.html">Prev</a>┬á</td>
  23.           <th width="60%" align="center" id="sectionname">4.4.┬áThe Selection</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch02s04s05.html">Next</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect2" lang="en" xml:lang="en">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h3 class="title"><a id="gimp-selection"></a>4.4.┬áThe Selection</h3>
  34.           </div>
  35.         </div>
  36.       </div>
  37.       <p>
  38.     Often when you operate on an image, you only want part of it to be
  39.     affected.  In Gimp, you make this happen by
  40.     <span class="emphasis"><em>selecting</em></span> that part.  Each image has a
  41.     <span class="emphasis"><em>selection</em></span> associated with it.  Most, but not
  42.     all, Gimp operations act only on the selected portions of the
  43.     image. 
  44.   </p>
  45.       <p>
  46.     </p>
  47.       <div class="informalfigure">
  48.         <div class="mediaobject">
  49.           <img src="../images/using/fog-tree-example.png" />
  50.           <div class="caption">
  51.             <p>
  52.           How would you isolate the tree?
  53.         </p>
  54.           </div>
  55.         </div>
  56.       </div>
  57.       <p>
  58.     There are many, many situations where creating just the right
  59.     selection is the key to getting the result you want, and often it
  60.     is not very easy to do.  For example, in the image to the right,
  61.     suppose I want to cut the tree out from its background, and paste
  62.     it into a different image.  In order to do this, I need to create
  63.     a selection that contains the tree and nothing but the tree.  It
  64.     is difficult because the tree has a very complex shape, and in
  65.     several spots is hard to distinguish from the objects behind it.  
  66.   </p>
  67.       <p>
  68.     </p>
  69.       <div class="informalfigure">
  70.         <div class="mediaobject">
  71.           <img src="../images/using/select-outline.png" />
  72.           <div class="caption">
  73.             <p>
  74.           Selection shown as usual with dashed line
  75.         </p>
  76.           </div>
  77.         </div>
  78.       </div>
  79.       <p>
  80.     Now here is a very important point, and it is crucial to
  81.     understand this.  Ordinarily when you create a selection, you see
  82.     it as a dashed line enclosing a portion of the image.  The idea
  83.     you could get from this is that the selection is a sort of
  84.     container, with the selected parts of the image inside, and the
  85.     unselected parts outside.  This concept of the selection is okay
  86.     for many purposes, but it is not really correct.
  87.   </p>
  88.       <p>
  89.     Actually the selection is implemented as a
  90.     <span class="emphasis"><em>channel</em></span>.  In terms of its internal structure,
  91.     it is identical to the red, green, blue, and alpha channels of an
  92.     image.  Thus, the selection has a value defined at each pixel of
  93.     the image, ranging between 0 (unselected) and 255 (fully
  94.     selected).  The advantage of this approach is that it allows some
  95.     pixels to be <span class="emphasis"><em>partially selected</em></span>, by giving
  96.     them intermediate values between 0 and 255.  As you will see,
  97.     there are many situations where it is desirable to have smooth
  98.     transitions between selected and unselected regions.
  99.   </p>
  100.       <p>
  101.     What, then, is the dashed line that appears when you create a
  102.     selection? 
  103.   </p>
  104.       <p>
  105.     It is a <span class="emphasis"><em>contour line</em></span>, dividing areas that are
  106.     more than half selected from areas that are less than half
  107.     selected.  
  108.   </p>
  109.       <p>
  110.     </p>
  111.       <div class="informalfigure">
  112.         <div class="mediaobject">
  113.           <img src="../images/using/select-outline-qmask.png" />
  114.           <div class="caption">
  115.             <p>
  116.           Same selection in QuickMask mode
  117.         </p>
  118.           </div>
  119.         </div>
  120.       </div>
  121.       <p>
  122.     You should always bear in mind, when looking at the dashed line
  123.     that represents the selection, that it only tells you part of the
  124.     story.  If you want to see the selection in complete detail, the
  125.     easiest way is to click the QuickMask button in the lower left
  126.     corner of the image window.  This causes the selection to be shown
  127.     as a translucent overlay atop the image.  Selected areas are
  128.     unaffected; unselected areas are reddened.  The more completely
  129.     selected an area is, the less red it appears.
  130.   </p>
  131.       <p>
  132.     QuickMask mode, and its uses, are described in detail below.
  133.     Meanwhile, if you are following this discussion by trying things
  134.     out in Gimp, you should know that many operations work differently
  135.     in QuickMask mode, so go ahead and toggle it off again for now (by
  136.     clicking the QuickMask button once more).
  137.   </p>
  138.       <p><b>Feathering.┬á</b>
  139.       </p>
  140.       <div class="informalfigure">
  141.         <div class="mediaobject">
  142.           <img src="../images/using/select-outline-qmask-feather.png" />
  143.           <div class="caption">
  144.             <p>
  145.         Same selection in QuickMask mode after feathering
  146.       </p>
  147.           </div>
  148.         </div>
  149.       </div>
  150.       <p>
  151.       With the default settings, the basic selection tools, such as the
  152.       Rectangle Select tool, create sharp selections.  Pixels inside the
  153.       dashed line are fully selected, and pixels outside completely
  154.       unselected.  You can verify this by toggling QuickMask: you see a
  155.       clear rectangle with sharp edges, surrounded by uniform red.  In the
  156.       Tool Options, however, is a checkbox called "Feather".  If you enable
  157.       this, the tool will instead create graduated selections.  The feather
  158.       radius, which you can adjust, determines the distance over which the
  159.       transition occurs.
  160.     </p>
  161.       <p>
  162.     If you are following along, try this out with the Rectangle Select
  163.     tool, and then toggle QuickMask.  You will now see that the
  164.     clear rectangle has a fuzzy edge.
  165.   </p>
  166.       <p>
  167.     Feathering is particularly useful when you are cutting and
  168.     pasting, in helping the pasted object to blend smoothly and
  169.     unobtrusively with its surroundings.
  170.   </p>
  171.       <p>
  172.     Actually, it is possible to feather a selection at any time, even
  173.     if it was originally created as a sharp selection.  You can do
  174.     this from the image menu, by choosing 
  175.     <span class="guimenu">Select</span>-><span class="guimenuitem">Feather</span>.
  176.     This brings up a dialog that allows you to set the feather
  177.     radius.  You can do the opposite--sharpen a graduated
  178.     selection into an all-or-nothing selection--by choosing  
  179.     <span class="guimenu">Select</span>-><span class="guimenuitem">Sharpen</span>.
  180.   </p>
  181.       <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  182.         <table border="0" summary="Note">
  183.           <tr>
  184.             <td rowspan="2" align="center" valign="top" width="25">
  185.               <img alt="[Note]" src="../images/note.png" />
  186.             </td>
  187.             <th align="left">Note</th>
  188.           </tr>
  189.           <tr>
  190.             <td colspan="2" align="left" valign="top">
  191.               <p>
  192.     For technically oriented readers: feathering works by applying a
  193.     Gaussian blur to the selection channel, with the specified
  194.     blurring radius.
  195.     </p>
  196.             </td>
  197.           </tr>
  198.         </table>
  199.       </div>
  200.     </div>
  201.     <div class="navfooter">
  202.       <hr />
  203.       <table width="100%" summary="Navigation footer">
  204.         <tr>
  205.           <td width="40%" align="left"><a accesskey="p" href="ch02s04s03.html">Prev</a>┬á</td>
  206.           <td width="20%" align="center">
  207.             <a accesskey="u" href="ch02s04.html">Up</a>
  208.           </td>
  209.           <td width="40%" align="right">┬á<a accesskey="n" href="ch02s04s05.html">Next</a></td>
  210.         </tr>
  211.         <tr>
  212.           <td width="40%" align="left" valign="top">4.3.┬áLayers┬á</td>
  213.           <td width="20%" align="center">
  214.             <a accesskey="h" href="index.html">Home</a>
  215.           </td>
  216.           <td width="40%" align="right" valign="top">┬á4.5.┬áUndoing</td>
  217.         </tr>
  218.       </table>
  219.     </div>
  220.   </body>
  221. </html>
  222.